<template>
	<view style="min-height: 100vh;" class="coupon-activity">
		
		<view class="coupon-activity-header">
			<image mode="widthFix" :src="'#FF6B6B'"></image>
		</view>
		
		<view  class="pd30">
			<view class="mb50">
				<unio2o-coupon-activity :showStore="false" type="charge"></unio2o-coupon-activity>
			</view>
			<view class="mb50">
				<unio2o-coupon-activity></unio2o-coupon-activity>
			</view>
			<view class="mb50">
				<unio2o-coupon-activity></unio2o-coupon-activity>
			</view>
		</view>
		
		
		<view class="coupon-activity-footer-h">
			<view class="coupon-activity-footer box-shadow-top">
				<view class="coupon-activity-footer-main flex alcenter center plr30">
					<button class="btn-activity ftw600 text-default ft18">一键领取</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import unio2oCouponActivity from '@/components/module/coupon/activity.vue';
	export default{
		components:{
			unio2oCouponActivity
		},
		data(){
			return {
				
				
			}
		}
		
	}
</script>

<style>
	.coupon-activity-header{
		width: 100%;
	}
	.coupon-activity-header image{
		width: 100%;
	}
	.coupon-activity{
		background: #F34E52;
	}
	
	.coupon-activity-footer-main{
		height: 144rpx;
	}
	.coupon-activity-footer-h{
		height: calc(144rpx + env(safe-area-inset-bottom));
	}
	.coupon-activity-footer{
		height: calc(144rpx + env(safe-area-inset-bottom));
		position: fixed;
		padding-bottom: env(safe-area-inset-bottom);
		left: 0;
		bottom: 0;
		width: 100%;
		background:rgba(242,58,61,0.9);
	}
	
	.btn-activity{
		width: 100%;
		height:96rpx;
		background:linear-gradient(360deg,rgba(252,182,5,1) 0%,rgba(254,242,182,1) 100%);
		box-shadow:0rpx 8rpx 32rpx 0rpx rgba(0,0,0,0.08);
		border-radius:48rpx;
	}
</style>